<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Tấn phát ADMIN</title>
<link rel="stylesheet" href="<?= ADMIN_CSS ?>screen.css" type="text/css" media="screen" title="default" />
<!--[if IE]>
<link rel="stylesheet" media="all" type="text/css" href="css/pro_dropline_ie.css" />
<![endif]-->

<!--  jquery core -->
<script src="<?= ADMIN_JS ?>jquery/jquery-1.4.1.min.js" type="text/javascript"></script>

<!--  checkbox styling script -->
<script src="<?= ADMIN_JS ?>jquery/ui.core.js" type="text/javascript"></script>
<script src="<?= ADMIN_JS ?>jquery/ui.checkbox.js" type="text/javascript"></script>
<script src="<?= ADMIN_JS ?>jquery/jquery.bind.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function(){
        $('input').checkBox();
        $('#toggle-all').click(function(){
            $('#toggle-all').toggleClass('toggle-checked');
            $('#mainform input[type=checkbox]').checkBox('toggle');
            return false;
        });
    });
</script>  

<![if !IE 7]>

<!--  styled select box script version 1 -->
<script src="<?= ADMIN_JS ?>jquery/jquery.selectbox-0.5.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('.styledselect').selectbox({ inputClass: "selectbox_styled" });
    });
</script>


<![endif]>

<!--  styled select box script version 2 --> 
<script src="<?= ADMIN_JS ?>jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" });
        $('.styledselect_form_2').selectbox({ inputClass: "styledselect_form_2" });
    });
</script>

<!--  styled select box script version 3 --> 

<script src="<?= ADMIN_JS ?>jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('.styledselect_pages').selectbox({ inputClass: "styledselect_pages" });
    });
</script>

<!--  styled file upload script --> 
<script src="<?= ADMIN_JS ?>jquery/jquery.filestyle.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
    $(function() {
        $("input.file_1").filestyle({ 
            image: "images/forms/choose-file.gif",
            imageheight : 21,
            imagewidth : 78,
            width : 310
        });
    });
</script>

<!-- Custom jquery scripts -->
<script src="<?= ADMIN_JS ?>jquery/custom_jquery.js" type="text/javascript"></script>
<script src="<?= ADMIN_JS ?>jHtmlArea-0.7.5.js" type="text/javascript"></script>
<script src="<?= ADMIN_JS ?>jquery-1.3.2.js" type="text/javascript"></script>
<script src="<?= ADMIN_JS ?>jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>


    <link rel="Stylesheet" type="text/css" href="<?= ADMIN_CSS ?>jqueryui/ui-lightness/jquery-ui-1.7.2.custom.css" />

    <script type="text/javascript" src="<?= ADMIN_JS ?>jHtmlArea-0.7.5.js"></script>
    <link rel="Stylesheet" type="text/css" href="<?= ADMIN_CSS ?>jHtmlArea.css" />

<!-- Tooltips -->
<script src="<?= ADMIN_JS ?>jquery/jquery.tooltip.js" type="text/javascript"></script>
<script src="<?= ADMIN_JS ?>jquery/jquery.dimensions.js" type="text/javascript"></script>

<script type="text/javascript" src="<?= ADMIN_JS ?>jquery/jquery.validate.min.js"></script>
<script type="text/javascript" src="<?= ADMIN_JS ?>jquery/localization/messages_vi.js"></script>

<script type="text/javascript">
    $(function() {
        $('a.info-tooltip ').tooltip({
            track: true,
            delay: 0,
            fixPNG: true, 
            showURL: false,
            showBody: " - ",
            top: -35,
            left: 5
        });
    });
</script> 

<link rel="stylesheet" href="<?= ADMIN_CSS ?>pro-dropline.css" type="text/css" />
<!--  date picker script -->
<link rel="stylesheet" href="<?= ADMIN_CSS ?>datePicker.css" type="text/css" />
<link rel="stylesheet" href="<?= ADMIN_CSS ?>style.css" type="text/css" />
<script src="<?= ADMIN_JS ?>jquery/date.js" type="text/javascript"></script>
<script src="<?= ADMIN_JS ?>jquery/jquery.datePicker.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
    $(function()
    {

        // initialise the "Select date" link
        $('#date-pick')
        .datePicker(
        // associate the link with a date picker
        {
            createButton:false,
            startDate:'01/01/2005',
            endDate:'31/12/2020'
        }
    ).bind(
        // when the link is clicked display the date picker
        'click',
        function()
        {
            updateSelects($(this).dpGetSelected()[0]);
            $(this).dpDisplay();
            return false;
        }
    ).bind(
        // when a date is selected update the SELECTs
        'dateSelected',
        function(e, selectedDate, $td, state)
        {
            updateSelects(selectedDate);
        }
    ).bind(
        'dpClosed',
        function(e, selected)
        {
            updateSelects(selected[0]);
        }
    );
	
        var updateSelects = function (selectedDate)
        {
            var selectedDate = new Date(selectedDate);
            $('#d option[value=' + selectedDate.getDate() + ']').attr('selected', 'selected');
            $('#m option[value=' + (selectedDate.getMonth()+1) + ']').attr('selected', 'selected');
            $('#y option[value=' + (selectedDate.getFullYear()) + ']').attr('selected', 'selected');
        }
        // listen for when the selects are changed and update the picker
        $('#d, #m, #y')
        .bind(
        'change',
        function()
        {
            var d = new Date(
            $('#y').val(),
            $('#m').val()-1,
            $('#d').val()
        );
            $('#date-pick').dpSetSelected(d.asString());
        }
    );

        // default the position of the selects to today
        var today = new Date();
        updateSelects(today.getTime());

        // and update the datePicker to reflect it...
        $('#d').trigger('change');
    });
</script>

<!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
<script src="<?= ADMIN_JS ?>jquery/jquery.pngFix.pack.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $(document).pngFix( );
    });
</script>

<style>
    .pagination { margin-bottom: 20px; float: left;  }
    .pagination a.button { margin-right: 10px; }
    .pagination a.last { margin-right: 0; }
    .pagination .numbers { float: left; padding-top: 3px; margin-right: 15px; }
    .pagination .numbers span { padding: 0 5px 0 5px; } 
    .pagination .current { font-weight: bold; }

    .paging a, .paging span{
        display: inline-block;
        padding: 2px 8px;
        background: #EEE;
        border-radius: 2px;
        border: 1px #BBB solid;
    }
</style>